<template>
  <div class="buttom" style="display: block;">
    <div class="buttom_mid">
      <div class="buttom_left"></div>
      <div class="buttom_center">
        <div class="buttom_center_top">
          <p>友情链接：</p>
          <a target="_blank" style="margin-left: -5px" href="http://www.liangjiang.gov.cn/">重庆两江新区管委会</a>
          <a target="_blank" href="http://jxq.cq.gov.cn/">科技金融公共服务平台</a>
          <a target="_blank" href="http://jxq.cq.gov.cn/">重庆市中小企业局</a>
          <a target="_blank" style="margin-left: 64px;margin-top: -9px" href="http://cs.zbj.com/business/">工商注册</a>
          <a target="_blank" style="margin-top: -9px;" href="http://www.zbj.com/ind-pinpai">品牌设计</a>
          <a target="_blank" style="margin-top: -9px;" href="http://ipr.zbj.com/trademark">商标注册</a>
        </div>
        <div class="buttom_center_middle">
          <p>版权所有：重庆两江新区党工委管委会</p>
        </div>
        <div class="buttom_center_buttom">
          <div class="buttom_center_buttom_left">
            <p>技术支持：中冶赛迪重庆信息技术有限公司</p>
          </div>
          <div class="buttom_center_buttom_right">
            <p>渝ICP备案 11000306号-2</p>
          </div>
        </div>
    </div>
      <div class="buttom_right">
        <div class="buttom_right_top">
          <div class="buttom_image1">
            <img src="../assets/components/bottom/bottom-app.png">
          </div>
          <div class="buttom_image2">
            <img src="../assets/components/bottom/bottom-weixin.png">
          </div>
        </div>
        <div class="buttom_right_buttom">
          <div class="buttom_right_text1">
            <p>微信公众号</p>
          </div>
          <div class="buttom_right_text2">
            <p>互联网+园APP</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "bottom"
  }
</script>

<style lang="scss" scoped>
  .buttom {
    background-color: rgb(78, 78, 78);
    float: left;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    height: 144px;
    width: 100%;
    min-width: 1024px;
    margin: 0 auto;
  }
  .buttom_mid {
    display: block;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    height: 140px;
    margin: 0 auto;
    width: 1007px;
  }
  .buttom_left {
    display: block;
    float: left;
    height: 140px;
    width: 100px;
  }
  .buttom_center {
    display: block;
    float: left;
    height: 140px;
    width: 508px;
  }
  .buttom_center_top {
    display: inline;
    height: 14px;
    line-height: 25px;
    margin-top: 30px;
    width: 507px;
  }
  .buttom_center_top p {
    height: 14px;
    margin-left: 0px;
    margin-top: 0px;
    margin-block-end: 0px;
    padding-buttom: 0px;
    padding-top: 28px;
    line-height: 14px;
    font-size: 14px;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    color: rgb(167, 167, 167);
    display: inline-block;
    text-decoration-color: initial;
    text-decoration-line: none;
    text-decoration-style: solid;
    width: 70px;
  }
  a:link, a:visited {
    text-decoration: none;
  }
  .buttom_center_top a {
    display: inline;
    margin-right: 15px;
    font-size: 14px;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    color: rgb(167, 167, 167);
    cursor: pointer;
    width: auto;
    height: auto;
    line-height: 25px;
    text-decoration-color: rgb(167, 167, 167);
    text-decoration-line: none;
    text-decoration-style: solid;
  }
  .buttom_center_top a {
    display: inline;
    margin-right: 15px;
    font-size: 14px;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    color: rgb(167, 167, 167);
  }
  .buttom_center_top a {
    display: inline;
    margin-right: 15px;
    font-size: 14px;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    color: rgb(167, 167, 167);
  }
  .buttom_center_top a {
    display: inline;
    margin-right: 15px;
    font-size: 14px;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    color: rgb(167, 167, 167);
  }
  .buttom_center_top a {
    display: inline;
    margin-right: 15px;
    font-size: 14px;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    color: rgb(167, 167, 167);
  }
  .buttom_center_top a {
    display: inline;
    margin-right: 15px;
    font-size: 14px;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    color: rgb(167, 167, 167);
  }
  .buttom_center_middle {
    display: block;
    height: 21px;
    margin-top: 6px;
    width: 507px;
    text-align: left;
  }
  .buttom_center_middle p {
    margin: 0 auto;
    font-size: 13px;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    color: rgb(167, 167, 167);
    display: inline-block;
  }
  .buttom_center_buttom {
    margin-top: 6px;
    height: 16px;
    width: 508px;
  }
  .buttom_center_buttom_left {
    display: block;
    width: 247px;
    float: left;
    height: 25px;
  }
  .buttom_center_buttom_left p {
    width: 247px;
    margin-top: 0px;
    line-height: 16px;
    font-size: 13px;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    color: rgb(167, 167, 167);
    display: inline-block;
  }
  .buttom_center_buttom_right {
    display: block;
    width: 150.563px;
    float: left;
    margin-left: 20px;
    height: 25px;
  }
  .buttom_center_buttom_right p {
    margin-top: 0px;
    line-height: 16px;
    font-size: 13px;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    color: rgb(167, 167, 167);
    display: inline-block;
  }
  .buttom_right {
    width: 300px;
    height: 140px;
    float: left;
  }
  .buttom_right_top {
    display: block;
    width: 300px;
    height: 25px;
    line-height: 25px;
    margin-top: 28px;
  }
  .buttom_image1 {
    display: block;
    line-height: 25px;
    width: 64px;
    float: left;
    margin-left: 100px;
  }
  .buttom_image1 img {
    border: none;
  }
  .buttom_image2 {
    display: block;
    height: 70px;
    width: 64px;
    float: left;
    margin-left: 51px;
  }
  .buttom_image2 img {
    border: none;
  }
  .buttom_right_buttom {
    margin-left: 100px;
    float: left;
    width: 300px;
  }
  .buttom_right_buttom {
    display: block;
    height: 21px;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    margin-left: 100px;
    float: left;
    width: 300px;
  }
  .buttom_right_text1 {
    display: block;
    width: 300px;
  }
  .buttom_right_text1 p {
    display: block;
    height: 17px;
    width: 65px;
    float: left;
    margin-top: 4px;
    font-size: 13px;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    color: rgb(167, 167, 167);
  }
  .buttom_right_text2 {
    display: block;
    height: 21px;
    width: 122.703px;
    float: left;
  }
  .buttom_right_text2 p {
    display: block;
    height: 17px;
    width: 86.703px;
    scroll-snap-margin-inline-start: 36px;
    float: left;
    margin-top: 4px;
    margin-left: 36px;
    font-size: 13px;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    color: rgb(167, 167, 167);
  }
</style>
